<template>
  <div>
    <div id="bigbox">
      <div class="boxa">
        <div class="boxb">
          <span style="color: #fb5a39">￥</span>
          <span class="san">39-60.9</span>
        </div>
        <span class="iconfont icon-aixin"></span>
      </div>
      <div class="boxc">
        <div class="wu">5元加油券</div>
        <div>
          <span class="lj">领券</span>
          <span class="iconfont icon-youjiantou1"></span>
        </div>
      </div>
      <div>
        <p class="p1">2022年大学英语四级考试备考包|1件包邮再领加油券立减5元</p>
        <p class="p2">—键备考,真题试卷搭配超强解析（赠高频词汇+写作模板+答题卡+考试攻略)</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style  scoped>
#bigbox {
  /* height: 3.74rem; */
  width: 3.42rem;
  margin: 0 auto;
}
.boxa {
  display: flex;
  justify-content: space-between;
  margin-top: 0.22rem;
}
.san {
  font-size: 0.24rem;
  font-weight: 600;
  color: #fb5a39;
}
.boxc {
  display: flex;
  justify-content: space-between;
  font-size: 0.12rem;
  margin-top: 0.05rem;
}
.wu {
  width: 0.65rem;
  font: 0.1rem;
  -webkit-transform: scale(0.833);
  height: 0.18rem;
  background: #f8f4e6;
  color: #a99463;
  text-align: center;
  border-radius: 0.02rem;
}
.lj,
.icon-youjiantou1 {
  color: #fb5a39;
  font-size: 0.1rem;
}
.p1{
    font-size: .16rem;
    font-weight: 600;
    padding: .1rem .05rem;
}
.p2{
    color:#808080 ;
    font-size: .14rem;
     padding: 0rem .05rem;
}
.icon-aixin:hover{
    color: red;
    /* background: red; */
}
</style>